<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>京东快报</title>
		<style type="text/css">
			*{margin: 0; padding: 0;}
			#news{
				margin: 30px;
				width: 230px ;
				border: 1px solid darkgray;
			}
			#news p{
				background: linear-gradient(to bottom,#E4F1FA,#BDDFF7,#E4F1FA);
			    
			    text-indent: 1em;
			    font-size: 20px;
			    
			}
			#news ul li span{
				font-weight: bold;
			}
			#news ul li a:hover{
				color: darkred;
			}
			a{text-decoration: none; }
			#news ul li a{
				background: white;
				line-height: 26px;
				height: 26px;
				
			}
		</style>
	</head>
	<body>
		<div id="news">
			<p>京东快报</p>
			<ul type="none">
				<li><a href="http://news.ifeng.com/" target="_blank"><span>[特惠]</span>海飞丝去屑又去油 超清爽</a></li>
				<li><a href="http://news.ifeng.com/" target="_blank"><span>[公告]</span>京东公益支持鲁甸新动作</a></li>
				<li><a href="http://news.ifeng.com/" target="_blank"><span>[特惠]</span>4688元抢iPhone 6</a></li>
				<li><a href="http://news.ifeng.com/" target="_blank"><span>[公告]</span>小米电视携豪礼高调入驻京东</a></li>
			</ul>
		</div>
	</body>
</html>
